<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>线索登记-新增</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="../js/plugins/layui/css/layui.css" rel="stylesheet">
    <link href="../css/plugins/steps/jquery.steps.css" rel="stylesheet">
    <link href="../js/plugins/mockselect/jquery.dropdown.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body>
<div class="wrapper wrapper-content">
    <div id="wizard" role="application" class="wizard clearfix">
        <div class="steps clearfix">
            <ul role="tablist">
                <li role="tab" class="first current">
                    <a href="#wizard-h-0"><span class="number">第一步.</span> 线索登记</a>
                </li>
                <li role="tab" class="done">
                    <a href="#wizard-h-1"><span class="number">第二步.</span> 线索审核</a>
                </li>
                <li role="tab" class="done">
                    <a href="#wizard-h-2"><span class="number">第三步.</span> 风险调查</a>
                </li>
                <li role="tab" class="done">
                    <a href="#wizard-h-3"><span class="number">第四步.</span> 风险处置</a>
                </li>
            </ul>
        </div>
    </div>
    <fieldset class="layui-elem-field layui-field-title">
        <legend>登记信息</legend>
    </fieldset>
    <form class="layui-form" action="">
        <div class="layui-row">
            <div class="layui-form-item">
                <label class="layui-form-label">风险来源<span class="text-danger"> *</span></label>
                <div class="layui-input-block">
                    <input type="radio" name="mode" value="排查发现" title="排查发现" checked="">
                    <input type="radio" name="mode" value="电话举报" title="电话举报">
                    <input type="radio" name="mode" value="网络举报" title="网络举报">
                    <input type="radio" name="mode" value="来访举报" title="来访举报">
                    <input type="radio" name="mode" value="其他街道移交" title="其他街道移交">
                    <input type="radio" name="mode" value="其他" title="其他">
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">企业名称<span  class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="text" name="company" autocomplete="off" placeholder="请点击右侧+添加企业" class="layui-input" id="comName">
                        <a class="layui-btn layui-btn-primary layui-layout-right" id="selectCompany"><i class="layui-icon"></i></a>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">所属街道<span class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <select name="modules" lay-search="">
                            <option value="">搜索选择</option>
                            <option value="1">定王台街道</option>
                            <option value="2">韭菜园街道</option>
                            <option value="3">文艺路街道</option>
                            <option value="4">火星街道</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">企业负责/联系人<span  class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="text" name="phone" autocomplete="off"
                               class="layui-input" placeholder="负责/联系人姓名">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">联系电话<span  class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="tel" name="mobile" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">经营地址<span  class="text-danger"> *</span></label>
            <div class="layui-input-block">
                <input type="text" name="address" placeholder="详细到楼层及门牌号码" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs8">
                <div class="layui-form-item">
                    <label class="layui-form-label">表现特征</label>
                    <div class="layui-input-block">
                        <div class="dropdown-mul-1">
                            <select name="tezheng" style="display: none !important;" lay-ignore multiple
                                    placeholder=""> </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs4">
                <div class="layui-form-item ml-12">
                    <input type="text" name="eventName" autocomplete="off"
                           class="layui-input" placeholder="如有其他表现特征，请输入">
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs8">
                <div class="layui-form-item">
                    <label class="layui-form-label">表现形式</label>
                    <div class="layui-input-block">
                        <div class="dropdown-mul-2">
                            <select name="xingshi" style="display: none !important;" lay-ignore multiple
                                    placeholder=""> </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs4">
                <div class="layui-form-item ml-12">
                    <input type="text" name="eventName" autocomplete="off"
                           class="layui-input" placeholder="如有其他表现形式，请输入">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">风险描述<span  class="text-danger"> *</span></label>
            <div class="layui-input-block">
                <textarea placeholder="请描述风险情况" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">提供证据情况</label>
            <div class="layui-input-block">
                <input type="text" name="number" autocomplete="off"
                       class="layui-input" placeholder="填写证据清单，并通过附件上传">
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">初步处理意见<span  class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="text" name="number" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">发现时间<span  class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="text" name="date" id="date" placeholder="请选择发现时间"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <fieldset class="layui-elem-field layui-field-title">
            <legend>举报方信息</legend>
        </fieldset>
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名<span class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="text" name="number" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">身份证号</label>
                    <div class="layui-input-block">
                        <input type="text" name="number" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">联系电话<span class="text-danger"> *</span></label>
                    <div class="layui-input-block">
                        <input type="text" name="number" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">联系地址</label>
                    <div class="layui-input-block">
                        <input type="text" name="number" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
            </div>
        </div>

        <fieldset class="layui-elem-field layui-field-title">
            <legend>附件</legend>
        </fieldset>
        <div class="layui-upload">
            <div class="layui-upload-list">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>文件名</th>
                        <th>大小</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="demoList"></tbody>
                </table>
            </div>
            <button type="button" class="layui-btn layui-btn-primary" id="testList">选择多文件</button>
            <button type="button" class="layui-btn" id="testListAction">开始上传</button>
        </div>
        <div class="layui-form-item">
            <div class="text-center">
                <button type="button" class="layui-btn" onclick="checkInfo()">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<!-- 全局js -->
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/plugins/layui/layui.all.js"></script>
<script src="../js/loading.js"></script>
<script src="../js/plugins/mockselect/jquery.dropdown.js"></script>
<!-- 自定义js -->
<script>
    var jsonData1 = [{
        id: 1,
        name: "未经有关部门依法批准或借用合法经营的形式吸收资金",
        selected: false
    }, {
        id: 2,
        name: "通过媒体、推介会、传单、手机短信等途径向社会公开宣传",
        selected: false
    }, {
        id: 3,
        name: "承诺在一定期限内以货币、实物、股权等方式还本付息或者给予回报",
        selected: false
    }, {
        id: 4,
        name: "向公众社会即社会不特定对象吸收资金",
        selected: false
    }, {
        id: 5,
        name: "其他",
        selected: false
    }
    ];
    $('.dropdown-mul-1').dropdown({
        data: jsonData1,
        limitCount: 40,
        multipleMode: 'label',
        choice: function () {
            // console.log(arguments,this);
        }
    });
    var jsonData2 = [{
        id: 1,
        name: "借种植、养殖、项目开发、庄园开发、生态环保投资等名义非法集资",
        selected: false
    }, {
        id: 2,
        name: "以发行或变相发行股票、债券、彩票、投资基金等权利凭证或者以期货交易、典当为名进行非法集资",
        selected: false
    }, {
        id: 3,
        name: "通过认领股份、入股分红进行非法集资",
        selected: false
    }, {
        id: 4,
        name: "通过会员卡、会员证、席位证、优惠卡、消费卡等方式进行非法集资",
        selected: false
    }, {
        id: 5,
        name: "以商品销售与返租、回购与转让、发展会员、商家联盟与“快速积分法”等方式进行非法集资",
        selected: false
    }, {
        id: 6,
        name: "利用民间“会”、“社”等组织或地下钱庄进行非法集资",
        selected: false
    }, {
        id: 7,
        name: "利用现代电子网络技术构造的“虚拟”产品，如“电子商铺”、“电子百货”投资委托经营、到期回购等方式进行非法集资",
        selected: false
    }, {
        id: 8,
        name: "以预售房屋的形式进行非法集资",
        selected: false
    }, {
        id: 9,
        name: "以承诺售后包租的形式进行非法集资",
        selected: false
    }, {
        id: 10,
        name: "以返本销售房屋的形式进行非法集资",
        selected: false
    }, {
        id: 11,
        name: "对物业、地产等资产进行等份分割，通过出售其份额的处置权进行非法集资",
        selected: false
    }, {
        id: 12,
        name: "以签订商品经销合同等形式进行非法集资",
        selected: false
    }, {
        id: 13,
        name: "利用传销或秘密串联的形式非法集资",
        selected: false
    }, {
        id: 14,
        name: "利用互联网设立投资基金的形式进行非法集资",
        selected: false
    }, {
        id: 15,
        name: "利用“电子黄金投资”形式进行非法集资",
        selected: false
    }, {
        id: 16,
        name: "以高利诱惑投资养老公寓、养生度假等形式进行非法集资",
        selected: false
    }, {
        id: 17,
        name: "以“教育储备金”等形式进行非法集资",
        selected: false
    }, {
        id: 18,
        name: "以开展P2P网络借贷业务（理财-资金池模式、以不合格借款人在平台上发布虚假借款信息、典型的庞氏骗局）等形式进行非法集资",
        selected: false
    }, {
        id: 19,
        name: "其他",
        selected: false
    }
    ];
    $('.dropdown-mul-2').dropdown({
        data: jsonData2,
        limitCount: 40,
        multipleMode: 'label',
        choice: function () {
            // console.log(arguments,this);
        }
    });
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date',
            type: 'datetime'
        });

    });
    $("#selectCompany").click(function () {
        var index = layer.open({
            title: '选择企业',
            type: 2,
            content: 'company_list_select.html',
            area: ['80%', '90%'],
            resize: true,
            fix: false,
            maxmin:false
        });
    });
    
    function checkInfo() {
        layer.confirm('您需要提交打非办审核吗？', {btn: ['确定', '取消']}, function (index) {
            layer.close(index);
            top.loading({
                isShow: true,
                text: "正在提交..."
            });
            window.setTimeout(function () {
                top.loading({
                    isShow: false
                });
                layer.msg('提交成功，请等待审核！');
                parent.layer.closeAll();
            }, 500);
        });
    }

    layui.use('upload', function () {
        var $ = layui.jquery
            , upload = layui.upload;
        //多文件列表示例
        var demoListView = $('#demoList')
            , uploadListIns = upload.render({
            elem: '#testList'
            , url: '/upload/'
            , accept: 'file'
            , multiple: true
            , auto: false
            , bindAction: '#testListAction'
            , choose: function (obj) {
                var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                //读取本地文件
                obj.preview(function (index, file, result) {
                    var tr = $(['<tr id="upload-' + index + '">'
                        , '<td>' + file.name + '</td>'
                        , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
                        , '<td>等待上传</td>'
                        , '<td>'
                        , '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>'
                        , '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>'
                        , '</td>'
                        , '</tr>'].join(''));

                    //单个重传
                    tr.find('.demo-reload').on('click', function () {
                        obj.upload(index, file);
                    });

                    //删除
                    tr.find('.demo-delete').on('click', function () {
                        delete files[index]; //删除对应的文件
                        tr.remove();
                        uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                    });

                    demoListView.append(tr);
                });
            }
            , done: function (res, index, upload) {
                if (res.code == 0) { //上传成功
                    var tr = demoListView.find('tr#upload-' + index)
                        , tds = tr.children();
                    tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
                    tds.eq(3).html(''); //清空操作
                    return delete this.files[index]; //删除文件队列已经上传成功的文件
                }
                this.error(index, upload);
            }
            , error: function (index, upload) {
                var tr = demoListView.find('tr#upload-' + index)
                    , tds = tr.children();
                tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
                tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
            }
        });
    });
</script>
</body>
</html>